<!DOCTYPE html>
<html>
<head lang="en">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
    <meta name = "format-detection" content="telephone = no" />
    <link rel="shortcut icon" href="img/smlogo.png" type="image/x-icon">
    <meta charset="UTF-8">
    <title>Pulu-订阅号</title>
    <link rel="stylesheet" href="css/index2.css"/>
    <link rel="stylesheet" href="css/mycountry.css"/>
    <style>
        html,body{
            height:100%;
        }
        #newslistbody{
            padding-top:84px;
            left:0;
            right:0;
            bottom:0;
            background: #fff;
        }
        #seenews{
            position:fixed;
            top:0;
            bottom:0;
            left:0;
            right:0;
            z-index: 1000;
            height:100%;
            width: 100%;
            box-sizing: border-box;
        }
        #seenewsheader{
            position: absolute;
            top:0;
            height:44px;
            width:100%;
            box-sizing: border-box;
            background: #b92b27;
        }
        #iframebox{
            position: absolute;
            top:44px;
            bottom:0;
            left:0;
            right:0;
            overflow:auto;
            -webkit-overflow-scrolling: touch;
            overflow-y: scroll;
        }
        iframe{
            width:100%;
            height:100%;
            /*height:auto;*/
            box-sizing: border-box;
            overflow: hidden;
        }
        #seenewsheader .lf{
            width:44px;
            height:44px;
            box-sizing: border-box;
            padding:0;
            margin:0;
            padding-left:15px;
        }
        #seenewsheader .rt{
            background:url("img/wsharelogo.png") no-repeat center;
            background-size: 20px 20px;
            width:44px;
            height:44px;
        }
        /*调整返回按钮区域*/
        .mweb_modal_back_button{
            margin:0;
            padding:0;
            width:45px;
            box-sizing: border-box;
            padding-left:15px;
        }
        /*调整标题距离*/
        .Header .fixed_header .header_main .page_title{
            padding-left:0;
        }
        #sendcommentbtn{
            height:auto;
        }
        /*返回按钮*/
        .mweb_modal_back_button:after{
            left:39%;
        }
        /*分享等待*/
        #sharewaiting{
            position:fixed;
            z-index: 2000;
            top:0;
            bottom:0;
            left:0;
            right:0;
            background: rgba(0,0,0,0.75);
        }
        #sharewaiting>div{
            width:80px;
            height:80px;
            background: rgba(53,53,53,0.5);
            margin:45% auto;
            line-height: 80px;
            text-align: center;
        }
        #sharewaiting>div>img{
            width:44px;
            height:44px;
            -webkit-animation:circle 1s infinite linear;
        }
        @-webkit-keyframes circle{
            0%{ transform:rotate(0deg); }
            100%{ transform:rotate(-360deg); }
        }
        /*二级类别*/
        .PinnedTopicFeed{
            background:#fff;
            height:44px;
        }
        .TopicPageHeader{
            padding:0;
        }
        .photo_info_layout.size_small{
            height:44px;
        }
        .photo_info_layout.size_small .info_wrapper{
            height:44px;
            padding-left:50px;
            width:initial;
        }
        .photo_info_layout.size_small .photo_wrapper{
            height:44px;
            padding-left: 0.3rem;
        }
        .photo_info_layout.size_small .photo_wrapper .photo{
            height:100%;
        }
        .photo_info_layout.size_small .photo_wrapper .photo a{
            position: absolute;
            top:50%;
            transform: translateY(-50%);
            width:25px;
            height:25px;
        }
        .photo_info_layout.size_small .photo_wrapper .photo img{
            width:25px;
            height:25px;
        }
        /*新加表情*/
        ul,li{
            list-style: none;
        }
        textarea#commentinput{
            background:transparent;
            box-shadow:none;
            border:none;
            border-radius:0;
            /*border-bottom:1px solid #67C945;*/
        }
        #facebtn,#keybordbtn{
            width:30px;
            height:30px;
            margin-left:4%;
            padding:0;
            background: url("img/sz.png") no-repeat;
            background-size: 30px;
        }
        #keybordbtn{
            background: url("img/yt2.png") no-repeat;
            background-size: 32px;
        }
        #faceulplace{
            padding:5px;
            overflow: hidden;
        }
        #faceulplace li{
            float: left;
            width: 30px;
            height: 30px;
            padding: 3px;
        }
        .listcom span img{
            width: 18px;
            height:18px;
            margin-top: -3px;
        }
        #facelist{
            position: relative;
            background: #E7E7E8;
            margin-top:15px;
        }
        #arrdiv{
            position: absolute;
            top:-18px;
            left:20px;
            border:9px solid transparent;
            border-bottom-color:#E7E7E8;
        }
        /*.Header .fixed_header .header_main .header_action_buttons{*/
        /*right:32px;*/
        /*}*/
        /*#chat1{*/
        /*float: right;*/
        /*width:39px;*/
        /*height:44px;*/
        /*background: url("img/chatlogo.png")no-repeat center;*/
        /*background-size:20px ;*/
        /*cursor: pointer;*/
        /*}*/
    </style>
    <style>
        #citybox{
            width:100%;
            box-sizing: border-box;
            height:100%;
            background: #fff;
        }
        #citybox>div.header{
            position:fixed;
            top:0;
            height: 44px;
            width:100%;
            max-width:1000px;
            box-sizing: border-box;
            text-align: center;
            /*background-color: #099fde;*/
            background-color:#b92b27;
            color: #fff;
            z-index: 960;
        }
        #citybox>div.header>div{
            position: absolute;
            left:44px;
            right:44px;
            height:44px;
            line-height:44px;
            font-weight: 400;
            font-size: 16px;
            box-sizing: border-box;
        }
        #citybox>div.header>span{
            width: 44px;
            height: 44px;
            display: inline-block;
            text-align: center;
            cursor: pointer;
            float: left;
        }
        #citybox>div.header>span>i{
            width: 44px;
            height: 44px;
            line-height: 44px;
            margin-left:-2px;
        }
        #citybox>div.header>span>i::after{
            content: "";
            display: inline-block;
            width: 14px;
            height: 14px;
            vertical-align: middle;
            border-left: 2px solid #fff;
            border-bottom: 2px solid #fff;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            box-sizing: border-box;
            margin-top: -3px;
        }
        #citybox>div.search{
            position: fixed;
            top:44px;
            width: 100%;
            max-width:1000px;
            z-index: 10;
            padding: 8px;
            box-sizing: border-box;
            background: #ddd;
            height:56px;
        }
        #citybox>div.search>div#cancelsearchcity{
            float: right;
            color: #fff;
            line-height: 40px;
            margin-left: 3px;
            display: block;
            cursor:pointer;
        }
        #citybox>div.search>div#searchcity{
            float: right;
            color: #099fde;
            background-color: #f5f5f5;
            padding: 10px 13px;
            height: 20px;
            display: block;
            -webkit-border-top-right-radius: 5px;
            border-top-right-radius: 5px;
            -webkit-border-bottom-right-radius: 5px;
            border-bottom-right-radius: 5px;
            cursor:pointer;
        }
        #citybox>div.search>.searchdiv{
            background: #fff;
            overflow: hidden;
            height: 40px;
            border-radius: 5px;
            -webkit-border-radius: 5px;
        }
        #citybox>div.search>.searchdiv.searching{
            border-radius: 5px 0 0 5px;
            -webkit-border-radius: 5px 0 0 5px;
        }
        #citybox>div.search>.searchdiv>i{
            float: left;
            margin: 11px 0 0 10px;
            width: 20px;
            height: 20px;
            display: inline-block;
            background: url(img/icon_4_n.png) no-repeat center;
            background-size: 22px;
        }
        #citybox>div.search>.searchdiv>form{
            overflow: hidden;
        }
        #citybox>div.search>.searchdiv>form>input{
            height: 40px;
            line-height: 40px;
            width: 100%;
            height: 42px;
            border: 0;
            padding: 0 5px;
            background: transparent;
            box-sizing: border-box;
            outline: 0;
        }
        #citybox>#page{
            margin-top:100px;
            padding-right:40px;
            background: #fff;
        }
        #citybox>#page>div{
            padding:0 10px 10px;
        }
        #citybox #historycity,#hotcity{
            padding: 0 0 10px 10px;
        }
        #citybox #historycity>span{
            line-height: 40px;
            font-size: 13px;
            color: #666;
            display: block;
        }
        #citybox #hotcity>span{
            line-height: 40px;
            font-size: 13px;
            color: #666;
            display: block;
        }
        #citybox #historycity>div{
            overflow: hidden;
        }
        #citybox #hotcity>div{
            overflow: hidden;
        }
        #citybox #historycity>div>p{
            float:left;
            height: 40px;
            line-height: 40px;
            border: 1px solid #ddd;
            text-align: center;
            margin-right: 3%;
            width: 29%;
            margin-bottom: 10px;
            padding: 0;
            min-height: 40px;
            color: #333;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            border-color: #1fa6df;
            color: #099fde;
        }
        #citybox #hotcity>div>p{
            float:left;
            height: 40px;
            line-height: 40px;
            border: 1px solid #ddd;
            text-align: center;
            margin-right: 3%;
            width: 29%;
            margin-bottom: 10px;
            padding: 0;
            min-height: 40px;
            color: #333;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            /*border-color: #1fa6df;*/
            /*color: #099fde;*/
        }
        #citybox #hotcity>div>p.choiced{
            border-color: #1fa6df;
            color: #099fde;
        }
        #citybox ul#citylist>li{
            padding:0;
            margin:0;
        }
        #citybox ul#citylist>li>span{
            line-height: 20px;
            background: #efefef;
            color: #333;
            display: block;
            padding: 2px 10px;
            margin-bottom: 1px;
        }
        #citybox ul#citylist>li>div{
            border-bottom: #d7d7d7 1px solid;
            font-size: 14px;
            line-height: 20px;
            padding: 10px 30px 10px 10px;
            word-break: break-all;
            color: #000;
        }
        #citybox ul#citylist>li>div:last-child{
            border:none;
        }
        #choicecity{
            float:right;
            padding-right:.3rem;
            color:#425571;
            font-size: 12px;
            margin-top:13px;
        }
        #choicecity::after{
            content: " ";
            display: inline-block;
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 6px solid #A9B6CA;
            margin-top:-2px;
            margin-left:2px;
        }
        #citybox #page>.citynav{
            /*position: absolute;*/
            position: fixed;
            top: 100px;
            right: 0;
            width: 40px;
            height: 100%;
            display: table;
            box-sizing: border-box;
        }
        #citybox #page>.citynav>ul{
            color: #1491c5;
            padding: 10px 0;
            text-align: center;
            font-size: 12px;
            line-height: 1.2;
            display: table-cell;
        }
        #citybox #page>.citynav>ul>li{
            margin:0;
            padding:0;
        }
        #citybox #searchcitypage{
            margin-top:100px;
            background: #fff;
        }
        #citybox #searchcitypage>div{
            padding: 8px 20px;
            border-bottom:1px solid #c8c8c8;
        }
        .TopicNameSpan.TopicName{
            cursor: pointer;
        }
        .citynav>ul>li{
            cursor: pointer;
        }
        #hotcity>div>p{
            cursor: pointer;
        }
        #citylist>li>div{
            cursor: pointer;
        }
        #choicecity{
            cursor: pointer;
        }
        #searchinput::-webkit-input-placeholder{
            color:#BC7F74;
        }
        #chat1{
            cursor: pointer;
            background: url("img/chatlogo.png")no-repeat center;
            background-size: 20px;
        }
        .SimpleToggle.Toggle.HomeMainFeed{
            /*width:200%;*/
            width:100%;
            min-height: 1vh;
            /*transform: translateX(-25%);*/
        }
        .newsbox{
            margin:0 auto;
        }
        #newslistbody{
            min-height:1vh;
            overflow:scroll;
        }
        #pleasewait{
            /*width:50%;*/
            width:100%;
        }
        #pagealert{
            display:none;
            position:fixed;
            top:50%;
            left:50%;
            transform: translate(-50%,-50%);
            z-index: 9999;
            background:#666;
            padding:10px;
            color:#fff;
            font-size: 15px;
            border-radius:2px;
        }
        /*新闻类型*/
        .shownewstypearr{
            display:inline-block;
            width:20px;
            height:20px;
            margin-left:0;
            /*position: absolute;*/
            /*top:12px;*/
            background: url(img/top_arr.png)no-repeat center;
            background-size: 16px;
            transition: .5s;
            transform: rotateX(180deg);
            vertical-align: top;
            visibility: hidden;
        }
        .shownewstypearr.show{
            transform: rotateX(0deg);
            transform-origin:center;
        }
        .shownewstype{
            /*transition: .5s;*/
            border:1px solid transparent;
            background-color:rgba(255,255,255,0.9);
            box-sizing: border-box;
            overflow: hidden;
        }
        .shownewstype{
            display:none;
            border:1px solid transparent;
            background-color:rgba(255,255,255,0.9);
            box-sizing: border-box;
            height:auto;
        }
        .shownewstype.show{
            /*height:300px;*/
        }
        .shownewstype ul{
            overflow:hidden;
            transition: 1s cubic-bezier(0.35,2,0.35,1),opacity 1s;
        }
        .shownewstype ul li{
            float: left;
            width: 20%;
            text-align: center;
            height: .4rem;
            margin: .2rem 0;
            color:#555;
            cursor: pointer;
        }
        #logo1:after {
            content: "";
            display: block;
            height: 12px;
            width: 12px;
            border: 2px solid #fff;
            border-bottom: 0;
            border-left: none;
            position: absolute;
            margin-top: -7.14285714px;
            margin-left: 14px;
            top: 50%;
            webkit-transform: rotate(-135deg);
            -moz-transform: rotate(-135deg);
            -ms-transform: rotate(-135deg);
            transform: rotate(-135deg);
        }
        #header .photo.subtn{
            display:none;
            text-align: center;
            border: 1px solid #34A933;
            color: #fff;
            background: #1AAD19;
            border-radius: 3px;
            font-size: 12px;
            padding: 2px 5px;
            width:40px;
            height:22px;
            box-sizing: border-box;
            float:right;
            margin-top:11px;
            margin-right:11px;
        }
        #header .photo.subtn.subscribe{
            cursor: pointer;
            border: 1px solid #FF0000;
            color: #fff;
            background: #FF0000;
        }
        #header .photo_wrapper{width:80px;}
        #maxNine {
            display: none;
            position: fixed;
            top: 44px;
            z-index: 400;
            width: 100%;
            max-width: 1000px;
            margin: 0 auto;
            height: 40px;
            line-height: 40px;
            box-sizing: border-box;
            padding-left: 20px;
            color: #ff9a14;
            background: rgba(0,0,0,.6);
            font-size: 14px;
            text-align: center;
        }
    </style>
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/swiper_change.css"/>
</head>
<body class=" experiment-lookup_bar-on gating-feed_switcher_bar-on mweb  gating-new_mweb_header_logged_out-off">
<div class="PageWrapper mweb" id="page_wrapper" style="overflow: auto;margin-top:0;display:block;">
    <div id="maxNine" style="display: none;">
        <span class="max" style="display: none;">最多选择9个订阅号!</span>
        <span class="min">订阅号至少选择一个!</span>
    </div>
    <!-- 头部导航条-->
    <div class="Header" id="header">
        <div class="fixed_header" style="position: fixed">
            <div class="header_main mweb_lookup_bar_has_input">
                <a class="logo symbol_logo"  id="logo1"></a>
                <div class="header_action_buttons mweb_lookup_bar_has_input" style="right:32px;display:none;">
                    <div class="mweb_lookup_bar_input_wrapper mweb_lookup_bar_input_wrapper_fake">
                        <div class="mweb_lookup_bar_input" style="min-height: 29px;font-size: 14px; color:#BC7F74;">
                            <div id="gotosearch"></div>
                            <input id="searchinput" type="text" placeholder="输入关键词搜索相关新闻" style="width:100%;background:transparent;"/>
                        </div>
                    </div>
                </div>
                <a class="logo symbol_logo"  id="chat1" style="float:right;display:none;"></a>
            </div>
            <ul class="header_nav">
                <li class="NotifsNavItem HeaderNavItem">
                    <a id="question1">
                        <div class="label">问题圈</div>
                    </a>
                </li>
                <li class="HeaderNavItem OpenQsNavItem">
                    <a id="answer1">
                        <div class="label">经验圈</div>
                    </a>
                </li>
                <li class="HeaderNavItem HomeNavItem is_active">
                    <a id="read1">
                        <div class="label">资讯圈</div>
                    </a>
                </li>
                <li class="ProfileNavItem HeaderNavItem">
                    <a id="set1">
                        <p id="newnotenotice" style="display:none"></p>
                        <div class="label">我</div>
                    </a>
                </li>
            </ul>
            <!--nav-->
            <div class="HeaderSwitcher ReadSwitcher SubHeader" style="display:none;">
                <div class="switcher">
                    <ul class="inner">
                        <li class="HeaderSwitcherItem">
                            <a class="link" id="yours2">
                                <div class="label">阅读圈</div>
                            </a>
                        </li>
                        <li class="HeaderSwitcherItem">
                            <a class="link" id="zhzx2">
                                <div class="label">综合资讯</div>
                            </a>
                        </li>
                        <li class="HeaderSwitcherItem">
                            <a class="link" id="hyxw2">
                                <div class="label">行业新闻</div>
                            </a>
                        </li>
                        <li class="HeaderSwitcherItem">
                            <a class="link" id="xq2">
                                <div class="label">兴趣爱好</div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 页面介绍-->
            <div class="PinnedTopicFeed">
                <div class="TopicPageHeader PinnedTopicFeedHeader">
                    <div class="photo_info_layout size_small">
                        <div id="subscribebtn" class="photo subtn">
                            订阅
                        </div>
                        <span id="choicecity" style="display:none;">全国</span>
                        <div class="photo_wrapper">
                            <div class="photo">
                                <a></a>
                            </div>
                        </div>
                        <div class="info_wrapper">
                            <div class="info">
                                <span class="shownewstypearr"><i></i></span>

                            </div>
                        </div>
                        <div class="shownewstype">
                            <ul>

                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 页面主体-->
    <div class="wrapper home_feed" id="newslistbody">
        <!-- 新闻主体-->
        <div class="SimpleToggle Toggle HomeMainFeed">

            <!-- 请稍等-->
            <div id="pleasewait">
                <div class="waitbox">
                    <div id="waiting">加载中...</div>
                    <div id="nonews" style="display:none">没有更多信息</div>
                </div>
            </div>

        </div>
    </div>
</div>
<!-- 弹出框-->
<div class="modal_bg" style="display: none;"></div>
<!-- 背景和选项框效果不同需要分开放置-->
<div class="action_menu_container" style="display:none;">
    <div class="inner">
        <div class="action_menu" style="padding-top: 144px;">

            <a class="mweb_action_button" id="deleteit">屏蔽该新闻</a>
            <a class="mweb_action_button" id="deleteurl">屏蔽该网站</a>
            <a class="mweb_action_button" id="deletekey">
                <div>屏蔽关键词</div>
                <div id="wordinputbox">
                    <input type="text" maxlength="10" id="inputkey"/>
                </div>
                <div id="sendword">确定</div>
            </a>
            <!--<a class="mweb_action_button" id="collectit">收藏</a>-->
            <a class="mweb_action_button cancel">取消</a>
        </div>
    </div>
</div>
<!-- 收藏完成提示-->
<div class="action_menu_container_word" id="collectword" style="display:none;z-index:2000">
    <div class="inner">
        <div class="action_menu" style="padding-top: 144px;">
            <a class="mweb_action_button" style="border-radius: 2px;width:100%;">转发成功</a>
        </div>
    </div>
</div>
<!--收藏中等待-->
<div id="sharewaiting" style="display: none;">
    <div>
        <img src="img/aoy.png"/>
    </div>
</div>
<!-- 转发评论输入框-->
<div id="shareword" class="callback" style="display:none;">
    <!---->
    <div class="Header">
        <div class="fixed_header" style="position: relative">
            <div class="header_main mweb_lookup_bar_has_input">
                <div class="mweb_modal_back_button"style="float: left;padding-left:0;" id="cancelbtn"></div>
                <a class="navigation_button is_done" id="sendcommentbtn">发送</a>
            </div>
        </div>
    </div>
    <div>
        <div>
            <textarea style="overflow-y:auto;border:none; width:100%;box-sizing: border-box;height: 45px;"  id="commentinput" placeholder="这一刻的想法..." rows="4"></textarea>
            <!--<input type="text" placeholder="这一刻的想法..." id="commentinput"/>-->
        </div>
        <!-- 表情-->
        <div id="facebtn" style="display:block"></div>
        <div id="keybordbtn" style="display:none"></div>
        <!--表情区域-->
        <div id="facelist" style="display:none;">
            <div id="arrdiv"></div>
            <!--<ul id="faceulplace"></ul>-->
            <div class="swiper-container">
                <div class="swiper-wrapper">

                    <div class="swiper-slide"  id="zerofacepage">

                    </div>

                    <div class="swiper-slide" id="onefacepage">

                    </div>

                    <div class="swiper-slide" id="twofacepage">

                    </div>
                </div>
                <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets">
                    <span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span>
                    <span class="swiper-pagination-bullet"></span>
                    <span class="swiper-pagination-bullet"></span>
                </div>
            </div>
        </div>
        <div id="sharetitleword">
            <div></div>
        </div>
    </div>
</div>
<!--新闻详情页-->
<div id="seenews" style="display:none;background:#fff;">
    <div id="seenewsheader" >
        <div class="lf mweb_modal_back_button" id="iframegoback" style="padding-left:0;"></div>
        <div class="rt" id="iframesharebtn" style="display:block"></div>
    </div>
    <div id="iframebox" style="overflow: auto">
        <iframe id="newsiframe" src="" frameborder="0" scrolling="yes" style="overflow: auto"></iframe>
    </div>
</div>
<!--城市列表-->
<div id="citybox" style="display:none;">
    <!-- 头部-->
    <div class="header">
        <span>
            <i></i>
        </span>
        <div>选择城市</div>
    </div>

    <!-- 页面部分-->
    <div id="page">
        <div class="list">
            <ul id="historycity">
                <span>历史选择</span>
                <div id="historylist">
                    <p onclick="changecity(this)">全国</p>
                </div>
            </ul>
            <ul id="hotcity">
                <span>热门城市</span>
                <div>
                    <p onclick="changecity(this)" data-num="868">北京</p>
                    <p onclick="changecity(this)" data-num="790">成都</p>
                    <p onclick="changecity(this)" data-num="655">长沙</p>
                    <p onclick="changecity(this)" data-num="871">重庆</p>
                    <p onclick="changecity(this)" data-num="530">佛山</p>
                    <p onclick="changecity(this)" data-num="527">广州</p>
                    <p onclick="changecity(this)" data-num="856">杭州</p>
                    <p onclick="changecity(this)" data-num="670">南京</p>
                    <p onclick="changecity(this)" data-num="861">宁波</p>
                    <p onclick="changecity(this)" data-num="758">青岛</p>
                    <p onclick="changecity(this)" data-num="870">上海</p>
                    <p onclick="changecity(this)" data-num="675">苏州</p>
                    <p onclick="changecity(this)" data-num="541">深圳</p>
                    <p onclick="changecity(this)" data-num="706">沈阳</p>
                    <p onclick="changecity(this)" data-num="869">天津</p>
                    <p onclick="changecity(this)" data-num="678">无锡</p>
                    <p onclick="changecity(this)" data-num="637">武汉</p>
                    <p onclick="changecity(this)" data-num="779">西安</p>
                    <p onclick="changecity(this)" data-num="510">厦门</p>
                    <p onclick="changecity(this)" data-num="605">郑州</p>
                </div>
            </ul>
            <ul id="citylist">

            </ul>
        </div>
        <!-- 导航条-->
        <nav class="citynav">
            <ul>
                <li onclick="citynav(this)" data-id="historycity">历史</li>
                <li onclick="citynav(this)" data-id="cta">A</li>
                <li onclick="citynav(this)" data-id="ctb">B</li>
                <li onclick="citynav(this)" data-id="ctc">C</li>
                <li onclick="citynav(this)" data-id="ctd">D</li>
                <li onclick="citynav(this)" data-id="cte">E</li>
                <li onclick="citynav(this)" data-id="ctf">F</li>
                <li onclick="citynav(this)" data-id="ctg">G</li>
                <li onclick="citynav(this)" data-id="cth">H</li>
                <li onclick="citynav(this)" data-id="ctj">J</li>
                <li onclick="citynav(this)" data-id="ctk">K</li>
                <li onclick="citynav(this)" data-id="ctl">L</li>
                <li onclick="citynav(this)" data-id="ctm">M</li>
                <li onclick="citynav(this)" data-id="ctn">N</li>
                <li onclick="citynav(this)" data-id="ctp">P</li>
                <li onclick="citynav(this)" data-id="ctq">Q</li>
                <li onclick="citynav(this)" data-id="ctr">R</li>
                <li onclick="citynav(this)" data-id="cts">S</li>
                <li onclick="citynav(this)" data-id="ctt">T</li>
                <li onclick="citynav(this)" data-id="ctw">W</li>
                <li onclick="citynav(this)" data-id="ctx">X</li>
                <li onclick="citynav(this)" data-id="cty">Y</li>
                <li onclick="citynav(this)" data-id="ctz">Z</li>
            </ul>
        </nav>
    </div>
    <!-- 搜索部分-->
    <div id="searchcitypage" style="display:none;">

    </div>
    <!-- 搜索框-->
    <div class="search">
        <div id="cancelsearchcity" style="display:none;">取消</div>
        <div id="searchcity" style="display:none;">搜索</div>
        <div class="searchdiv">
            <i></i>
            <div></div>
            <form>
                <input type="search" id="searchcityinput"/>
            </form>
        </div>
    </div>
</div>
<!--页面提醒-->
<div id="pagealert">
    已经到头了哦
</div>
<script>
    document.getElementById("newslistbody").style.minHeight=window.screen.height-127+"px";
</script>
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/tohref.js"></script>
<script src="ftnjs/ctoe.js"></script>
<script src="ftnjs/urlnote.js"></script>
<script src="ftnjs/swiper.jquery.min.js"></script>
<script src="ftnjs/sendfaceftn.js"></script>
<script src="js/seenews.js"></script>
<!--<script src="ftnjs/newnotenotice.js"></script>-->
<script>
    //插入表情字符
    function sendface(e){
        var face=e.dataset.key;
        $("#commentinput").insertAtCaret(face);
        $("#commentinput").blur();
    }
</script>
</body>
</html>